<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/hotspot.css">
    <link rel="icon" href="./img/dragon.ico">
    <title>热点</title>
</head>
<body>
    <!-- 头部导航 -->
    <nav class="header">
            <div class="contain">
                <!-- logo区 -->
                <a href="#" class="logo"><h1>龙腾电影</h1></a>
                <!-- 选择城市区 -->
                <div class="cityselect">南昌
                    <div class="city-list">
                        <span class="postioncty">定位城市：<a href="#">南昌</a></span>
                        <ul class="citys-wrapper">
                            <li class="citys">
                                <span class="fl">A</span>
                                <div>  
                                    <a href="">阿拉善盟</a>
                                    <a href="">鞍山</a>
                                    <a href="">安庆</a>
                                    <a href="">安阳</a>
                                    <a href="">阿坝</a>
                                    <a href="">安顺</a>
                                    <a href="">安康</a>
                                    <a href="">阿勒泰</a>
                                    <a href="">阿克苏</a>
                                    <a href="">安丘</a>
                                    <a href="">安岳</a>
                                    <a href="">安平</a>
                                    <a href="">安宁</a>
                                    <a href="">安溪</a>
                                    <a href="">安化</a>
                                    <a href="">阿勒泰市</a>
                                    <a href="">安福</a>
                                </div>
                            </li>
                            <li class="citys">
                                <span class="fl">B</span>
                                <div>
                                    <a href="">北京</a>
                                    <a href="">保定</a>
                                    <a href="">保定</a>
                                    <a href="">包头</a>
                                    <a href="">本溪</a>
                                    <a href="">巴彦</a>
                                    <a href="">淖尔</a>
                                    <a href="">白城</a>
                                    <a href="">滨州</a>
                                    <a href="">博山</a>
                                    <a href="">璧山</a>
                                    <a href="">宾阳</a>
                                    <a href="">博白县</a>
                                    <a href="">博罗县</a>
                                    <a href="">北镇市</a>
                                    <a href="">泊头市</a>
                                    <a href="">北安市</a>
                                </div>
                            </li>
                            <li class="citys">
                                <span class="fl">C</span>
                                <div>
                                    <a href="">重庆</a>
                                    <a href="">成都</a>
                                    <a href="">长沙</a>
                                    <a href="">常州</a>
                                    <a href="">长春</a>
                                    <a href="">沧州</a>
                                    <a href="">承德</a>
                                    <a href="">赤峰</a>
                                    <a href="">长治</a>
                                    <a href="">朝阳</a>
                                    <a href="">池州</a>
                                    <a href="">巢湖</a>
                                    <a href="">滁州</a>
                                    <a href="">潮州</a>
                                    <a href="">常德</a>
                                    <a href="">崇左</a>
                                    <a href="">楚雄</a>
                                    <a href="">昌吉</a>
                                    <a href="">从化</a>
                                    <a href="">常熟</a>
                                    <a href="">昌邑</a>
                                    <a href="">慈溪</a>
                                    <a href="">长兴</a>
                                </div>
                            </li>
                            <li class="citys">
                                <span class="fl">D</span>
                                <div>
                                    <a href="">大连</a>
                                    <a href="">东莞</a>
                                    <a href="">大庆</a>
                                    <a href="">大同</a>
                                    <a href="">丹东</a>
                                    <a href="">大兴安岭</a>
                                    <a href="">东营</a>
                                    <a href="">德州</a>
                                    <a href="">德阳</a>
                                    <a href="">达州</a>
                                    <a href="">德宏</a>
                                    <a href="">大理</a>
                                    <a href="">迪庆</a>
                                    <a href="">定西</a>
                                    <a href="">敦煌</a>
                                    <a href="">丹阳</a>
                                    <a href="">东台</a>
                                    <a href="">大丰</a>
                                    <a href="">德清</a>
                                    <a href="">东平</a>
                                    <a href="">定州</a>
                                    <a href="">东海</a>
                                    <a href="">东明县</a>
                                    <a href="">定安县</a>
                                    <a href="">定陶区</a>
                                    <a href="">定边县</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 列表 -->
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="./movie.html">电影</a></li>
                    <li><a href="./cinema.html">演院</a></li>
                    <li><a href="#">演出</a></li>
                    <li><a href="./billbored.html">榜单</a></li>
                    <li><a href="./hotspot.html">热点</a></li>
                    <li><a href="./mall.html">商城</a></li>
                </ul>
                <!-- 用户登入 -->
                <div class="userinfo">
                    <img src="./img/userifo.png" alt="用户">
                    <span></span>
                    <span class="user-menu"><a href="./Login.html">登录</a></span>
                </div>
                <!-- 搜索区 -->
                <form action="#" class="serch-form" method="POST">
                    <input type="search" class="search" placeholder="找影视剧 影人 影院">
                    <input type="submit" class="submit" value="">
                </form>
                <!-- app下载 -->
                <div class="appdownload">
                    <a href="#">
                        <span class="iphone-icon"></span>
                        <span class="apptext">app下载</span>
                        <span class="caret"></span>
                        <div class="downloadicon">
                            <p class="down-title">扫码下载app</p>
                            <p class="down-content">选座更优惠</p>
                        </div>
                    </a>
                </div>
            </div>
        </nav>
        <!-- 导航栏结束 -->
    <!-- 导航栏下方开始 -->
    <nav class="nav">
        <a href=""  class="select">热点首页</a>
        <a href="">新闻资讯</a>
        <a href="">预告片</a>
        <a href="">精彩图集</a>
        <a href="">热门音乐</a>
    </nav>
    <!-- 导航栏下方开始 -->
    <div class="main">
    <!-- 第一个主体区域开始 -->
    <div id="hot-index-contain">
        <!-- 右边 -->
        <div class="popular-container fr">
            <h4>热门资讯</h4>
            <ul>
                <li class="top-list">
                    <div class="top-info-thumb">
                        <a href="#">
                            <img src="./img/hot-ask1.jpg" alt="">
                            <i class="one-red">1</i>
                        </a>
                    </div>
                    <p class="top1-news-content">
                        <a href="#">海王里的湄拉只有86斤，身高1米75，这身材不科学啊</a>
                    </p>  
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking c4">2</i>
                        <p class="top10-news"><a href="">昆凌送周杰伦300万豪车，网友：羊毛出在羊身上</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking c4">3</i>
                        <p class="top10-news"><a href="">《蜘蛛侠：平行宇宙》今日上映口碑炸裂，9+超高能评分席卷全国！</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">4</i>
                        <p class="top10-news"><a href="">大表姐性侵风波后首现身，面无表情，身型消瘦</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">5</i>
                        <p class="top10-news"><a href="">时隔近30年小鬼再次当家，童星男主曾被曝非法藏毒</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">6</i>
                        <p class="top10-news"><a href="">人性皆有裂痕，但那是光透进来的地方</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">7</i>
                        <p class="top10-news"><a href="">《蜘蛛侠：平行宇宙》观影指南</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">8</i>
                        <p class="top10-news"><a href="">休叔疯狂健身，腹肌练得邦邦硬，不为金刚狼而为演唱会</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">9</i>
                        <p class="top10-news"><a href="">《海王》14.6亿票房刚刚夺冠，就遭遇劲敌《蜘蛛侠：平行宇宙》</a></p>
                    </div>
                </li>
                <li>
                    <div class="normal-link">
                        <i class="ranking">10</i>
                        <p class="top10-news"><a href="">惨遭金刚狼整蛊，死侍“小贱贱”也有今天</a></p>
                    </div>
                </li>
            </ul>
        </div> 
         <!--左边  -->
        <div class="latest-container fl">
            <h4 class="latest-header">最新资讯<a href="#" class="fr">全部&gt;</a></h4>
            <div class="news-wrapper">
                <div class="latest-news-box">
                    <a href=""><img src="./img/hot-news1.jpg" alt=""></a>
                    <p class="latest-news-title"><a href="">高以翔离世后华少首发声，疑似回应离职传闻，发布内容引网友争议</a></p>
                    <div class="info-container">
                        <span>龙腾资讯</span>
                        <span class="view-count fr">163</span>
                    </div>
                </div>
                <div class="latest-news-box">
                    <a href=""><img src="./img/hot-news2.jpg" alt=""></a>
                    <p class="latest-news-title"><a href="">47岁牛莉晒视频，打扮减龄清纯漂亮，如20岁少女</a></p>
                    <div class="info-container">
                        <span>龙腾资讯</span>
                        <span class="view-count fr">219</span>
                    </div>
                </div>
                <div class="latest-news-box">
                    <a href=""><img src="./img/hot-news3.jpg" alt=""></a>
                    <p class="latest-news-title"><a href="">18岁“奥运女孩”杨沛宜变美，赴美留学深造，林妙可却越长越普通</a></p>
                    <div class="info-container">
                        <span>龙腾资讯</span>
                        <span class="view-count fr">383</span>
                    </div>
                </div>
                <div class="latest-news-box">
                    <a href=""><img src="./img/hot-news4.jpg" alt=""></a>
                    <p class="latest-news-title"><a href="">金希澈追星成功！与“周芷若”同台活动同框合影，结束还约火锅</a></p>
                    <div class="info-container">
                        <span>龙腾资讯</span>
                        <span class="view-count fr">384</span>
                    </div>
                </div>
                <div class="latest-news-box">
                    <a href=""><img src="./img/hot-news5.jpg" alt=""></a>
                    <p class="latest-news-title"><a href="">李小璐为网店打call，拍写真秀身材，网红风十足</a></p>
                    <div class="info-container">
                        <span>龙腾资讯</span>
                        <span class="view-count fr">427</span>
                    </div>
                </div>
                <div class="latest-news-box">
                    <a href=""><img src="./img/hot-news6.jpg" alt=""></a>
                    <p class="latest-news-title"><a href="">郑爽活动照释出，大胆尝试太阳女神造型，生图精修对比震惊众人</a></p>
                    <div class="info-container">
                        <span>龙腾资讯</span>
                        <span class="view-count fr">262</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 第一个主体区域结束 -->

    <!-- 第二个主体区域开始 -->
    <div id="hot-index-contain">
        <!-- 右边 -->
        <div class="popular-container fr">
            <h4 class="col-blue">热门预告片</h4>
            <ul>
                <li class="top-list list-two">
                    <div class="top-info-thumb">
                        <a href="#">
                            <img src="./img/hot-video-fr1.png" alt="">
                            <i class="one-red">1</i>
                            <i class="play-icon"></i>
                        </a>
                    </div>
                    <p class="top1-news-content">
                        <a href="#">《勇敢者游戏2：再战巅峰》口碑好评陆续流出 视效颠覆笑点密集燃爆期待</a>
                        <span>59.1万</span>
                    </p>  
                </li>
                <li class="top-list list-two">
                    <div class="top-info-thumb">
                        <a href="#">
                            <img src="./img/hot-video-fr2.jpg" alt="">
                            <i class="one-red">2</i>
                            <i class="play-icon"></i>
                        </a>
                    </div>
                    <p class="top1-news-content">
                        <a href="#">《南方车站的聚会》终极版预告片</a>
                        <span>59.1万</span>
                    </p>  
                </li>

                <li class="top-list list-two">
                    <div class="top-info-thumb">
                        <a href="#">
                            <img src="./img/hot-video-fr3.jpg" alt="">
                            <i class="one-red">3</i>
                            <i class="play-icon"></i>
                        </a>
                    </div>
                    <p class="top1-news-content">
                        <a href="#">《星际探索》正在热映，布拉德·皮特苦寻真相，跨越四大星球“无畏前行”！</a>
                        <span>59.1万</span>
                    </p>  
                </li>
                <li class="top-list list-two">
                    <div class="top-info-thumb">
                        <a href="#">
                            <img src="./img/hot-video-fr4.jpg" alt="">
                            <i class="one-red  play-icon4">4</i>
                            <i class="play-icon"></i>
                        </a>
                    </div>
                    <p class="top1-news-content">
                        <a href="#">《吹哨人》今日上映 现实题材揭秘你不知道的“无名英雄”</a>
                        <span>59.1万</span>
                    </p>  
                </li>
                <li class="top-list list-two">
                    <div class="top-info-thumb">
                        <a href="#">
                            <img src="./img/hot-video-fr5.jpg" alt="">
                            <i class="one-red  play-icon4">5</i>
                            <i class="play-icon"></i>
                        </a>
                    </div>
                    <p class="top1-news-content">
                        <a href="#">《勇敢者游戏2：再战巅峰》惊喜提档12月6日 强森领队抢先贺岁</a>
                        <span>59.1万</span>
                    </p>

                </li>  
            </ul>
        </div> 
         <!--左边  -->
        <div class="latest-container fl">
            <h4 class="latest-header col-blue">预告片速递<a href="#" class="fr col-blue">全部&gt;</a></h4>
            <div class="news-wrapper">
                <div class="latest-video-box latest-video-big">
                    <a href="">
                        <img src="./img/hot-video-fl1.jpg" alt="">
                        <p class="one-line"><span class="two-line">《今生只为遇见你》电影版预告片发布</span></p>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="latest-video-box">
                    <a href="#">
                        <img src="./img/hot-video-fl2.jpg" alt="">
                        <p class="one-line"><span class="two-line">《今生只为遇见你》今生只为......</span></p>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="latest-video-box">
                    <a href="#">
                        <img src="./img/hot-video-fl3.jpg" alt="">
                        <p class="one-line"><span class="two-line">《贝肯熊2：金牌特工》先导......</span></p>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="latest-video-box">
                    <a href="#">
                        <img src="./img/hot-video-fl4.png" alt="">
                        <p class="one-line"><span class="two-line">《半个喜剧》为儿相亲屡遭......</span></p>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="latest-video-box">
                    <a href="#">
                        <img src="./img/hot-video-fl5.jpg" alt="">
                        <p class="one-line"><span class="two-line">《太空狗之月球大冒险》终极......</span></p>
                        <i class="play-icon"></i>
                    </a>
                </div>
                <div class="latest-video-box">
                    <a href="#">
                        <img src="./img/hot-video-fl6.jpg" alt="">
                        <p class="one-line"><span class="two-line">《我的初恋十八岁》上海方言......</span></p>
                        <i class="play-icon"></i>
                    </a>
                </div>
            </div>
        </div>
        </div>
        <!-- 第二个主体区域结束 -->

        <!-- 最新图集区域开始 -->
        <div id="hot-index-contain">
         <!--左边  -->
         <div class="latest-container fl">
                <h4 class="latest-header col-yellow">最新图集<a href="#" class="fr col-yellow">全部&gt;</a></h4>
                <div class="latest-images-box">
                    <div class="clearfix">
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img1-b.png" alt="" class="latest-images-big">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img1-1.png" alt="">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img1-2.png" alt="">
                        </a>
                    </div>
                    <a href="" class="latest-images-more">四张图片</a>
                    <div class="latest-images-info">
                        <p class="latest-images-title">
                            <a href="">我和我的祖国幕后纪录片，给徐峥P帽子，网友：还以为是汪涵</a>
                        </p>
                        <span class="latest-images-view">1178</span>
                    </div>
                </div>
                <div class="latest-images-box">
                    <div class="clearfix">
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img2-b.png" alt="" class="latest-images-big">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img2-1.jpg" alt="">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img2-2.jpg" alt="">
                        </a>
                    </div>
                    <a href="" class="latest-images-more">四张图片</a>
                    <div class="latest-images-info">
                        <p class="latest-images-title">
                            <a href="">范冰冰晒大尺度写真，38岁状态一级棒，皮肤如雪似少女</a>
                        </p>
                        <span class="latest-images-view">1178</span>
                    </div>
                </div>
                <div class="latest-images-box">
                    <div class="clearfix">
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img3-b.png" alt="" class="latest-images-big">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img3-1.png" alt="">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img3-2.png" alt="">
                        </a>
                    </div>
                    <a href="" class="latest-images-more">四张图片</a>
                    <div class="latest-images-info">
                        <p class="latest-images-title">
                            <a href="">郭碧婷婚后穿衣风格大改，向豪门媳妇靠拢，仍不及婆婆向太显眼</a>
                        </p>
                        <span class="latest-images-view">1178</span>
                    </div>
                </div>
                <div class="latest-images-box">
                    <div class="clearfix">
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img4-b.png" alt="" class="latest-images-big">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img4-1.png" alt="">
                        </a>
                        <a href="" class="images-thumb">
                            <img src="./img/latest-img4-2.png" alt="">
                        </a>
                    </div>
                    <a href="" class="latest-images-more">四张图片</a>
                    <div class="latest-images-info">
                        <p class="latest-images-title">
                            <a href="">程潇的发际线这是咋了？才21岁头发肉眼可见的少</a>
                        </p>
                        <span class="latest-images-view">1178</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最新图集区域结束 -->
    </div>

    <!-- 底部开始 -->
    <div class="footer">
            <p class="special">关于龙腾:
                    <a href="">关于我们</a>
                    <span>|</span>
                    <a href="">管理团队</a>
                    <span>|</span>
                    <a href="">投资者关系</a>&nbsp;
                友情链接:
                <a href="">美团网</a>
                <span>|</span>
                <a href="">格瓦拉</a>
                <span>|</span> 
                <a href="">美团下载</a>
                <span>|</span>
                <a href="">欢喜首映</a>   
            </p>
            <p>商务合作邮箱：v@longteng.com 客服电话：10105335 违法和不良信息举报电话：4006019900 </p>
            <p>用户投诉邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@longteng.com </p>
            <p>
                <a href="#">中华人民共和国增值电信业务经营许可证 京B2-20190350 </a>
                <span>|</span>
                <a href="#"> 营业性演出许可证 京演（机构）（2019）4094号</a>
            </p>
            
            <p>
                <a href="#">广播电视节目制作经营许可证 （京）字第08478号 </a>
                <span>|</span>
                <a href="#"> 网络文化经营许可证 京网文（2019）3837-369号</a>
            </p>
            <p>
                <a href="#">龙腾用户服务协议 </a>
                <span>|</span>
                <a href="#"> 龙腾平台交易规则总则</a>
                <span>|</span>
                <a href="#">隐私政策</a>
            </p>
            <p><a href="">京公网安备 11010102003232号</a></p>
            <p>江西龙腾文化传媒有限公司</p>
            <p>©2019 龙腾电影 longteng.com</p>
            <p class="last">
                <a href="#"><img src="./img/network.png" alt=""></a>
                <a href="#"><img src="./img/license.png" alt=""></a>
            </p>
        </div>
        <!-- 底部结束 -->
</body>
</html>